<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@include file="/includes/header.jsp"%>
<!DOCTYPE html>
<html>
<head>
<title><fmt:message key="title.short"/></title>
<link href="${pageContext.request.contextPath}/css/main.css"
	rel="stylesheet"/>
<link href="http://twitter.github.com/bootstrap/assets/css/docs.css"
	rel="stylesheet"/>
<link
	href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css"
	rel="stylesheet"/>
<link
	href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css"
	rel="stylesheet"/>
</head>

<body>
	<%@include file="/includes/navbar.jsp"%>
	<div class="container">
		<c:forEach var="sub" items="${subForumList}">
			<div style="width:88%;" class="alert alert-info">
				<label style="display:inline; font-weight:bold; font-size:large;">${sub.name}</label>
				<label style="display:inline; font-size:small; color:gray;">&nbsp;&nbsp;&nbsp;${sub.description}</label>
			</div>
			<c:set var="secName" value="${section.name}" scope="request"></c:set>
			<div style="width:90%; padding-left:20px;">
				<c:forEach var="section" items="${sub.sections}">
					<a href="section.jsp?name=${section.name}&lang=${lang}" style="font-size:1.3em;">${section.name}</a>
					<label style="font-size:small; color:gray;">${section.description}</label>
					<hr/>
				</c:forEach>
			</div>
	   	</c:forEach>
	</div>

	<%@include file="/includes/footer.jsp"%>
</body>
<script src="http://twitter.github.com/bootstrap/assets/js/jquery.js"></script>
<script
	src="http://twitter.github.com/bootstrap/assets/js/bootstrap-transition.js"></script>
<script
	src="http://twitter.github.com/bootstrap/assets/js/bootstrap-alert.js"></script>
<script
	src="http://twitter.github.com/bootstrap/assets/js/bootstrap-modal.js"></script>
<script
	src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"></script>
<script
	src="http://twitter.github.com/bootstrap/assets/js/bootstrap-scrollspy.js"></script>
<script
	src="http://twitter.github.com/bootstrap/assets/js/bootstrap-tab.js"></script>
<script
	src="http://twitter.github.com/bootstrap/assets/js/bootstrap-tooltip.js"></script>
<script
	src="http://twitter.github.com/bootstrap/assets/js/bootstrap-popover.js"></script>
<script type="text/javascript"
	src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script>
</html>